<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>发布任务</title>

    <meta name="description" content="User publish task page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" />

    <!-- The css corresponding to page -->
    <link rel="stylesheet" href="css/publish.css" />

    <!-- text fonts -->
    <link rel="stylesheet" href="fonts/fonts.googleapis.com.css" />
</head>

<body>
<div class="container">
    <!--顶部导航栏-->
    <nav class="mynavbar navbar navbar-default" role="navigation">
        <div style="float:left;width:20%;"><i class="fa fa-arrow-left fa-2x" style="color:white;margin:10px;"></i></div>
        <div class="navbar-header">
            <div style="display:inline-block;position:relative;right:13%;"><a class="navbar-brand" href="#">发布任务</a></div>
        </div>
    </nav>

    <!--底部导航栏-->
    <nav class="mybottomnav navbar navbar-default navbar-fixed-bottom" role="navigation">
        <ul class="nav navbar-nav bottom-ul">
            <li><a class="btn" href="#"><i class="fa fa-eye fa-lg upper-img"></i> <span class="bottom-text">浏览</span></a></li>
            <li><a class="btn" href="#"><i class="fa fa-address-book-o fa-lg upper-img-three"></i> <span class="bottom-text-three">通讯录</span></a></li>
            <li><a class="btn active" href="#"><i class="fa fa-plus fa-lg upper-img"></i> <span class="bottom-text">发布</span></a></li>
            <li><a class="btn" href="#"><i class="fa fa-user-o fa-lg upper-img"></i> <span class="bottom-text">我的</span></a></li>
        </ul>

    </nav>
</div>
</body>
</html>